import { Platform, StyleSheet, Dimensions } from 'react-native';

var windowWidth = Dimensions.get('window').width;
var windowHeight = Dimensions.get('window').height;

const styles = StyleSheet.create({
    wrapper:{
        ...Platform.select({
			ios: {
				height: windowHeight - 64,
			},
            android: {
                flex: 1,
            }
		})
    },
	container: {
		flex: 1,
		backgroundColor: '#f3f3f3',
		...Platform.select({
			ios: {
				paddingTop: 0
			}
		})
	},
    loadContainer:{
        position: 'absolute',
        bottom: (windowHeight - 60) / 2,
        width: 60,
        height: 60,
        left: (windowWidth - 60) / 2,
        right: (windowWidth - 60) / 2,
        backgroundColor: '#444',
        alignItems: 'center',
        justifyContent: 'center',
        padding: 6,
        borderRadius: 12,
        shadowColor: '#f3f3f3',
        shadowOpacity: 0.5,
        shadowRadius: 1,
        shadowOffset: {
          width: 0,
          height: 1,
        },
        zIndex: 11
    },
	addressContainer: {
		backgroundColor: '#ffffff',
		flex: 1,
		borderTopWidth: StyleSheet.hairlineWidth,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderColor: '#DDDDDD',
        marginTop: 15,
	},
    formTitle:{
        color: '#B5B5B5',
        marginLeft: 15,
        marginTop: 10,
        fontSize: 12,
    },
    addressBtn: {
        marginLeft: 14,
        paddingRight: 15,
        height: 90,
        borderBottomWidth: 1,
        borderColor: '#DDDDDD',
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
    },
    addressBtnTime:{
        marginLeft: 15,
        paddingRight: 15,
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
        height: 44,
    },
    sprText:{
        color: '#EA5404'
    },

    leftText:{
        color: '#7B7B7B',
        fontSize: 15,
        textAlign: 'left'
    },
    leftImage:{

    },

    leftTitleText:{
        color: '#7B7B7B',
        fontSize: 15,
        textAlign: 'left',
        marginLeft: 15,
        marginTop:15,
    },

    starImage:{
        width: 25,
        height: 25,
    },

    smallstarImage:{
        width: 10,
        height: 10
    },

    countContent:{

    },

    tagContent:{
        borderTopWidth: StyleSheet.hairlineWidth,
        borderColor: '#DDDDDD',
        marginLeft:15,
        marginTop: 15,
    },

    starContainer:{
        flexDirection: 'row',
		justifyContent: 'space-between',
		marginTop: 15,
        width: 165,
    },


    tagContainer:{
		flexDirection: 'row',
		// justifyContent: '',
		marginTop: 15,
        paddingLeft: 15,
        paddingRight: 15,
        flexWrap: 'wrap',
	},

	notActiveText:{
		backgroundColor: '#ffffff',
        borderColor: "#565656",
        borderWidth: StyleSheet.hairlineWidth,
        color: '#555555',
        fontSize: 13,
        borderRadius: 2,
        paddingTop: 4,
        // paddingBottom: 3,
        height: 25,
        // lineHeight: 25,
        paddingLeft: 14,
        paddingRight: 14,
        overflow: 'hidden',
		marginTop: 15,
        marginRight: 10,
	},

    scoreAndTag:{
        marginBottom: 15,
    },

    listContainer:{

    },

    centerAddress:{
        flex:1,
        marginLeft: 15,
        fontSize: 15,
    },
    centeDate:{
        flex:1,
        marginLeft: 15,
    },
    rightImage:{
        // flex: 1,
        justifyContent: 'flex-end',
        // alignItems: 'flex-end',
    },
    formContainer:{
        // flex: 1,
        borderTopWidth: StyleSheet.hairlineWidth,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderColor: '#DDDDDD',
        marginTop: 10,
        backgroundColor: '#ffffff',
    },
    formItem:{
        // flex: 1,
        marginLeft: 15,
        flexDirection: 'row',
        alignItems: 'center',
        height: 44,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderColor: '#DDDDDD',
    },
    formItemSpri:{
        marginLeft: 15,
        marginTop: 15,
    },
    itemRight:{
        flex:1,
        fontSize: 15,
        marginLeft: 15,
        color: '#000',
    },
    submitBtnContainer:{
        position: 'absolute',
        flex: 1,
        width: '100%',
        bottom: 0,
        left: 0,
        ...Platform.select({
			ios: {
				bottom: 0,
			},
            android: {
                bottom: 0
            }
		}),
        backgroundColor: '#EA5404',
    },
    submitBtn:{
        width: '100%',
        height: 44,
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
    },
    submitBtnText:{
        color: '#ffffff',
        fontSize: 15,
    },
    selectBtn:{
        marginRight: 15,
        marginTop: 15,
    },
    selectContent:{
        marginTop: 5,
        flex: 1,
        flexDirection: 'row',
        alignItems: 'flex-start',
        flexWrap: 'wrap',
        marginBottom: 15,
    },
    activeText:{
        backgroundColor: '#EA5404',
        color: '#ffffff',
        borderColor: "#EA5404",
        borderWidth: 1,
        fontSize: 13,
        borderRadius: 2,
        paddingTop: 4,
        paddingBottom: 3,
        paddingLeft: 14,
        paddingRight: 14,
        overflow: 'hidden'
    },

    mapContainer:{
        flex: 1,
        backgroundColor: '#f3f3f3',
    },
    searchItem:{
        // flex:1,
        height: 60,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderColor: '#DEDEDE',
        marginLeft:15,
        justifyContent: 'center',
        overflow: 'hidden',
    },
    searchOutList:{
        flex:1,

    },
    modalContainer:{
        flex:1,
        backgroundColor: '#f3f3f3',
        marginTop: 64,
    },
    searchCancelText:{
        color: '#EA5404',
        fontSize: 15,
        marginRight: 15
    },
    addressBtnText:{
        borderRadius:2,
        overflow: 'hidden',
        width: 60,
        height: 24,
        lineHeight: 22,
        backgroundColor: '#EA5404',
        color: '#fff',
        fontSize: 13,
        // flex: 1,
        textAlign: 'center',
        justifyContent: 'center',
        alignItems: 'center',
        marginRight: 15,
    },
    textStyle: {
		color: '#7B7B7B',
		paddingTop: 8,
		fontSize: 13,
		fontWeight: 'normal'
	},
	underlineStyle: {
		height: 2,
		backgroundColor: '#EA5404'
	},
    searchListUser:{
        flex:1,
        backgroundColor: '#fff',
        marginTop:15,
        borderTopWidth:StyleSheet.hairlineWidth,
        borderColor:'#DDD',
    },
    tabBar: {
        height: 35,
		borderBottomWidth: StyleSheet.hairlineWidth,
		borderColor: "#DDDDDD",
		backgroundColor: '#ffffff'
	},

    headImage:{
        width: 45,
        height: 45,
		...Platform.select({
			android: {
				borderRadius: 45,
			}
		}),
		overflow: 'hidden',
    },

    headEvalImage:{
        width: 35,
        height: 35,
		...Platform.select({
			android: {
				borderRadius: 35,
			}
		}),
		overflow: 'hidden',
    },

    hkItem:{
        marginLeft: 15,
        borderBottomWidth:  StyleSheet.hairlineWidth,
        borderColor: '#DDDDDD',
        paddingBottom: 15,
        paddingTop: 15
    },

    topLine:{
        flexDirection: 'row',

    },

    nameContainer:{
        flex:1,
        marginRight: 15,
        marginLeft: 10,
    },

    nameAndStarContainer:{
        flexDirection: 'row',
        flex:1
    },

    name:{
        flex:1,
        color: '#7B7B7B',
        fontSize: 13
    },

    time:{
        color: '#7B7B7B',
        fontSize: 12,
    },

    bottomLine:{
        marginLeft: 45,
        marginRight: 15,
        marginTop: 10
    },

    content:{
        lineHeight:22,
        color: '#565656',
        fontSize: 13,
    },

    smallStarContainer:{
        flexDirection: 'row',
		justifyContent: 'space-between',
        width: 70,
        marginTop:4
    },

    footer: {
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        height: 40,
    },
    footerTitle: {
        marginLeft: 10,
        fontSize: 15,
        color: 'gray'
    }

});

export default styles;
